<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/classification.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	</head>
	<body>
		<div class="mobile">
			<!--头部-->
			<header>
				<div class="back">
					<span>back</span>
				</div>
				<div class="top_text">
					产品详细
				</div>
					<select >
						<option>广州市</option>
						<option>深圳市</option>
						<option>上海市</option>
					</select>
			</header>
			
			<section>
				<div class="section_img">
					<img src="img/three_02.png"/>
				</div>
				
				
				<div class="youhui2 clear_fix">
					<div class="youhui_img">
						<img src="img/meishi.png"/>
					</div>
					<span>
						美食类
					</span>
					<div class="youhui_img2">
						<img src="img/youjian.png"/>
					</div>
					<span>
						更多
					</span>
				</div>
				
				<div class="section_imgs2">
					<div class="section_imgs2_img">
						<img src="img/three_one_03.png"/>
					</div>
					
					<div class="section_imgs2_img">
						<img src="img/three_one_05.png"/>
					</div>
					
					<div class="section_imgs2_img">
						<img src="img/three_one_07.png"/>
					</div>
					
					<div class="section_imgs2_img">
						<img src="img/three_one_09.png"/>
					</div>
				</div>
				<div class="he">
					&nbsp;
				</div>
				<div class="youhui2 clear_fix" style="margin-top: 15px;">
					<div class="youhui_img" style="margin-top: -15px;">
						<img src="img/yundon.png"/>
					</div>
					<span>
						运动类
					</span>
					<div class="youhui_img2">
						<img src="img/youjian.png"/>
					</div>
					<span>
						更多
					</span>
				</div>
				<div class="section_imgs2">
					<div class="section_imgs2_img">
						<img src="img/qqq_03.png"/>
					</div>
					<div class="section_imgs2_img">
						<img src="img/qqq_05.png"/>
					</div>
					<div class="section_imgs2_img">
						<img src="img/qqq_07.png"/>
					</div>
					<div class="section_imgs2_img">
						<img src="img/qqq_09.png"/>
					</div>
				</div>
				
				<div class="he">
					&nbsp;
				</div>
				
				<div class="youhui2 clear_fix">
					<div class="youhui_img">
						<img src="img/dianying.png"/>
					</div>
					<span>
						电影类
					</span>
					<div class="youhui_img2">
						<img src="img/youjian.png"/>
					</div>
					<span>
						更多
					</span>
				</div>
				
				<div class="section_imgs2">
					<div class="section_imgs2_img">
						<img src="img/qqq_15.png"/>
					</div>
					<div class="section_imgs2_img">
						<img src="img/qqq_16.png"/>
					</div>
					<div class="section_imgs2_img">
						<img src="img/qqq_17.png"/>
					</div>
					<div class="section_imgs2_img">
						<img src="img/qqq_17.png"/>
					</div>
				</div>
			</section>
			
			
			
			<!--底部导航栏-->
			<footer>
				<div class="footer_one">
					<div class="footer_one_img">
						<a href="index.html">
							<img src="img/home.png" alt="" />
						</a>
					</div>
					<p>首页</p>
				</div>
				<div class="footer_one">
					<div class="footer_one_img">
						<a href="classification.html">
							<img src="img/fenlei.png" alt="" />
						</a>
					</div>
					<p>分类</p>
				</div>
				<div class="footer_one">
					<div class="footer_one_img">
						<a href="find.html">
							<img src="img/daohang.png" alt="" />
						</a>
					</div>
					<p>发现</p>
				</div>
				<div class="footer_one">
					<div class="footer_one_img">
						<a href="me.html">
							<img src="img/wode.png" alt="" />
						</a>
					</div>
					<p>我的</p>
				</div>
			</footer>
		</div>
	</body>
</html>
